<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title>商品管理-发布商品</title>
    <link href="../css/main.css" rel="stylesheet">
    <link href="../css/laydate.css" rel="stylesheet">
    <link href="../css/laydate1.css" rel="stylesheet">
    <style type="text/css">
    td {
        border: 1px solid #000
    }
    </style>
</head>

<body>
    <div class="content_main">
        <!-- 面包屑 -->
        <div class="bread">
            <ul>
                <li class="bread_first">当前位置</li>
                <li>投诉类别管理</li>
            </ul>
        </div>
        <!-- 面包屑 -->
        <div class="info1">
            <div class="infortion1 infortion_all clear">
                <p class="left_p fl"><img src="../img/info11.png"></p>
                <div class="infortion fl">
                    <p class="infortion_p">基础信息</p>
                    <div class="infop">
                        <ul>
                            <li>
                                <span class="info_span1">订&nbsp;&nbsp;单&nbsp;&nbsp;号：</span>
                                <span class="info_span2">123</span>
                            </li>
                            <li>
                                <span class="info_span1">受理状态：</span>
                                <span class="info_span2">未受理</span>
                            </li>
                            <li>
                                <span class="info_span1">投诉人姓名：</span>
                                <span class="info_span2">奥巴马</span>
                            </li>
                            <li>
                                <span class="info_span1">创建时间：</span>
                                <span class="info_span2">2016-11-02</span>
                            </li>
                            <li>
                                <span class="info_span1">投诉人电话：</span>
                                <span class="info_span2">12311111111</span>
                            </li>
                            <li>
                                <span class="info_span1">处理时间：</span>
                                <span class="info_span2">2016年11月02日</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="infortion2 infortion_all clear">
                <p class="left_p fl"><img src="../img/info12.png"></p>
                <div class="infortion fl">
                    <p class="infortion_p">投诉信息</p>
                    <div class="infop">
                        <ul>
                            <li>
                                <span class="info_span1">区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;域：</span>
                                <span class="info_span2">东区</span>
                            </li>
                            <li>
                                <span class="info_span1">投诉类型：</span>
                                <span class="info_span2">宿舍管理投诉</span>
                            </li>
                            <li>
                                <span class="info_span1">投诉事项：</span>
                                <span class="info_span2">宿舍小型维修投诉</span>
                            </li>
                            
                        </ul>
                    </div>
                </div>
            </div>
            <div class="infortion3 infortion_all clear">
                <p class="left_p fl"><img src="../img/info13.png"></p>
                <div class="infortion fl">
                    <p class="infortion_p">投诉表述</p>
                    <div class="infop">
                        <p class="tain_5">楼管阿姨太凶了阿姨太凶了阿姨太凶了阿姨太凶了太凶了太凶了太凶了太凶了太凶了太凶了太凶了太凶了太凶了太凶了</p>
                    </div>
                </div>
            </div>
            <div class="infortion4 infortion_all clear">
                <p class="left_p fl"><img src="../img/info14.png"></p>
                <div class="infortion fl">
                    <p class="infortion_p">投诉照片</p>
                    <div class="infop">
                        <div class="infop_img">
                            <img src="../img/92e8647ajw1f7v9vy3xrxg20a605q4qq.gif">
                            <img src="../img/92e8647ajw1f7v9vy3xrxg20a605q4qq.gif">
                        </div>
                    </div>
                </div>
            </div>
            <div class="infortion5 infortion_all clear">
                <p class="left_p fl"><img src="../img/info15.png"></p>
                <div class="infortion fl">
                    <p class="infortion_p">回复内容</p>
                    <div class="infop">
                        <p class="tain_5">楼管阿姨太凶了阿姨太凶了阿姨太凶了阿姨太凶了太凶了太凶了太凶了太凶了太凶了太凶了太凶了太凶了太凶了太凶了</p>
                    </div>
                </div>
                <a href="javascript:void(0)" class="edit">编辑</a>
            </div>
        </div>
        <!-- 右下角弹窗 -->
        <div class="info_open">
            <p class="win_title">您有新的消息<a href="javascript:void(0)"></a></p>
            <div class="info_content"><a href="javascript:void(0)">未受理投诉表单(10)</a></div>
        </div>
        <!-- 右下角弹窗 -->
    </div>

    <script src="../js/jquery-1.8.1.min.js"></script>
    <script type="text/javascript">
        // 关闭右下角
        $(".win_title a").click(function () {
            $(".info_open").hide()
        })
        // 编辑
        $(".edit").click(function () {
            var text=$(".infortion5 .infop p").text();
            $(".infortion5 .infop p").remove();
            $(".infortion5 .infop").prepend('<textarea>' + text + '</textarea>')
        })
        // 查看原图
        $(".infop_img img").click(function () {
            if ($(this).height()==100) {
                $(this).css('height', 'auto');
            }else{
                $(this).css('height', '100px');
            }
        })
    </script>

</body>

</html>
